<%@ page import="java.util.List" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="UTF-8">
    <title>上传文件</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.9/css/fileinput.min.css"
          media="all" type="text/css" />

    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.9/js/plugins/piexif.min.js"
            type="text/javascript"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.9/js/fileinput.min.js"></script>

</head>

<body>
<div class="container">

    <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">

        <form action="http://localhost:8080/disk/upload" method="POST" enctype="multipart/form-data"
              content="charset=UTF-8">
            <input id="input" name="file" type="file" class="file" multiple data-show-upload="false"
                   data-show-caption="true" data-msg-placeholder="Select {files} for upload...">
            <button class="loginBtn" type="submit">Submit</button>
        </form>
    </div>
</div>

</body>
<style>
    html,
    body {
        height: 100%;
        margin: 0;
        padding: 0;
    }

    .container {
        height: 100%;
        color: rgb(255, 255, 255)
        /* background-image: linear-gradient(to right, #78249a, #7ddbaf); */

    }

    .signUp {
        text-align: center;
    }

    .login-wrapper {
        background-color: #fff;
        width: 855px;
        height: 518px;
        border-radius: 15px;
        padding: 0 50px;
        position: relative;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .header {
        font-size: 38px;
        font-weight: bold;
        text-align: center;
        line-height: 150px;
    }

    .input-item {
        display: block;
        width: 100%;
        margin-bottom: 20px;
        border: 0;
        padding: 10px;
        border-bottom: 1px solid rgb(128, 125, 125);
        font-size: 15px;
        outline: none;
    }

    .input-item:placeholder {
        text-transform: uppercase;
    }

    .loginBtn {
        text-align: center;
        padding: 13px;
        font-size: 21px;
        border-radius: 45px;
        border-style: none;
        width: 100%;
        margin-top: 160px;
        background-image: linear-gradient(to right, #7ddbaf, #78249a);
        color: #fff;
    }

    .main {
        padding: 5px;
        margin-left: 10%;
        margin-bottom: 30%;
    }

</style>

</html>